<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- H5样式重置表 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- 公用样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 当前页面样式表 -->
    <link rel="stylesheet" href="./css/APIindex.css">
</head>

<body>

     <header class="clearfix "> 
        <div class="fl logo">
            <img src="./img/new-logo-white2.png" alt="">
        </div>

        <ul class="menu abs">
            <li><a href="./index.html" class="font14">首页</a></li>
            <li class="active"><a href="./APIindex.html" class="font14">API</a></li>
            <li><a href="#" class="font14">云服务</a></li>
            <li><a href="./customer.html" class="font14">案列</a></li>
            <li><a href="#" class="font14">开发者</a></li>
        </ul>

        <div class="fr right-box font12">
            <a href="#">登录</a>
            <a href="#">注册有礼</a>
        </div>
    </header>


    <main class="container mt30">
        <div id="category">
            <h2>API分类</h2>
            <ul class="clearfix" id="APIList"></ul>

        </div>

        <div class="search">
            <span id="searchTitle" class="font14 bold ">全部</span>
            <input type="text" id="searchKey" class="font12" placeholder="身份证实名">
        </div>

        <ul id="apiContent" class="mt30 clearfix"></ul>

        <div id="pages">
            <span>1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
        </div>

    </main>


    <div class="foot">

        <div class="container clearfix">

            <div class="foot-left fl">
                <ul class="clearfix">
                    <li>
                        <span class="font14">联系于支持</span>
                        <ul>
                            <li>
                                400-882-7715
                            </li>
                            <li>
                                售前资讯
                            </li>
                            <li>
                                客服&售后
                            </li>
                            <li>
                                常见问题
                            </li>
                            <li>
                                极速工单
                            </li>
                            <li>
                                投诉与建议
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span class="font14">关于源码</span>
                        <ul>
                            <li>
                                400-882-7715
                            </li>
                            <li>
                                售前资讯
                            </li>
                            <li>
                                客服&售后
                            </li>
                            <li>
                                常见问题
                            </li>
                            <li>
                                极速工单
                            </li>
                            <li>
                                投诉与建议
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span class="font14">快速入口</span>
                        <ul>
                            <li>
                                400-882-7715
                            </li>
                            <li>
                                售前资讯
                            </li>
                            <li>
                                客服&售后
                            </li>
                            <li>
                                常见问题
                            </li>
                            <li>
                                极速工单
                            </li>
                            <li>
                                投诉与建议
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span class="font14">产品服务</span>
                        <ul>
                            <li>
                                400-882-7715
                            </li>
                            <li>
                                售前资讯
                            </li>
                            <li>
                                客服&售后
                            </li>
                            <li>
                                常见问题
                            </li>
                            <li>
                                极速工单
                            </li>
                            <li>
                                投诉与建议
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span class="font14">解决方案</span>
                        <ul>
                            <li>
                                400-882-7715
                            </li>
                            <li>
                                售前资讯
                            </li>
                            <li>
                                客服&售后
                            </li>
                            <li>
                                常见问题
                            </li>
                            <li>
                                极速工单
                            </li>
                            <li>
                                投诉与建议
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>

            <div class="foot-right fr">
                <h2 class="font16">微信公众号</h2>
                <p class="font12">源码时代</p>
                <img src="./img/wechat-white.png" alt="">

            </div>

            <div class="fl footer-left">
                <p class="font12"><img src="./img/bei2.png" alt="">&nbsp;
                    <img src="./img/bei1.png" alt=""><span>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                </p>
            </div>

            <div class="fr footer-right">
                <p class="font12"><span>源码大数据股份有限公司©版权所有</span></p>
            </div>





        </div>
    </div> -->



    <div id="mask">
        <div id="modal-box">
            <div class="img-box tcenter">
                <img src="./img/loginlogo.png" alt="">
            </div>
            <nav class="tab-box tcenter">
                <span class="on">账号登录</span>
                <i class="line">|</i>
                <span>扫码登录</span>
            </nav>
            <form action="" class="form-box">
                <p>
                    <span class="icon-user"></span>
                    <input type="text" id="userName" placeholder="用户名/手机号/邮箱">
                    <span class="icon-X"></span>
                </p>
                <p>
                    <span class="icon-psd"></span>
                    <input type="password" id="userName" placeholder="密码">
                    <span class="icon-X"></span>
                </p>
                <p class="forget"><a href="#">忘记密码</a></p>
                <p class="login-btn"><a href="#">登录</a></p>
                <p class="register">还没有源码账户，
                    <a href="#">立即注册</a>
                    <span class="icon-gt"></span>
                </p>
            </form>
            <div class="qrcode-box">
                <div class="qrcode-bg">
                    <img src="./img/showqrcode.jpg" alt="">
                    <p class="font14">微信扫码登录</p>
                    <p class="font14">未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <p class="register font16">还没有源码账户，
                    <a href="#">立即注册</a>
                    <span class="icon-gt"></span>
                </p>
            </div>

        </div>
    </div>
    






    

    <script src="./js/utils.js"></script>
    <script src="./js/APIindex.js"></script>


</body>

</html>